<template>
    <div>
        <a-row>
            <!-- v-userAuth="'F2'" -->
            <a-row class='mytitle'>
                <div style="cursor: pointer;" @click="handleNavigate">
                    <a-icon type="left" />
                    <span>{{ $t('返回') }}</span>
                    <span style="margin-left: 8px;">|</span>
                    <span style="margin-left: 8px">{{ $t('认证域管理') }}{{ $t('Detail') }}</span>
                    <span style="margin-left: 8px;">/</span>
                    {{ name  }} 
                </div>
            </a-row>

            <a-row style="margin:1em">
            <a-card hoverable>
                <a-tabs :defaultActiveKey="defaultActiveKey" @change="changeTab">
                    <!-- 概况 -->
                    <a-tab-pane :tab="$t('AD用户')" key="1">
                        <tableAD />
                    </a-tab-pane>
                    <!-- 用户 -->
                    <a-tab-pane :tab="$t('AD用户组')" key="2">
                        <tableADGroup />
                    </a-tab-pane>
                </a-tabs>
            </a-card>
        </a-row>
        </a-row>
    </div>
</template>
<script>
import EmptyData from '@/components/common/EmptyData'
import NoAuthPage from '@/components/common/NoAuthPage'
import tableAD from './tableAD.vue'
import tableADGroup from './tableADGroup.vue'

export default {
    name: 'authenticationDetail',
    components: { EmptyData, NoAuthPage, tableAD, tableADGroup },
    data() {
        return {
            defaultActiveKey: '1',
            name: '',
            changeTab(key) {
                // this.currentTabKey = key;
            },
        }
    },
    mounted() {
        this.name = this.$route.query.name
    },
    methods: {
        handleNavigate() {
            this.$router.push({ path: '/authentication' })
        }
    }
}
</script>